/* styles.css */
#word-container {
    transition: transform 0.5s ease;
}

.flipped {
    transform: rotateY(180deg);
}

.front, .back {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.back {
    transform: rotateY(180deg);
}